<template>
	<div>
		<div id="indexheader" class="index-header">
			hello world.
		</div>
		<!-- top-->
		<div id="indextop" class="index-top">
			<img src="image/indextopbg.jpg" alt="....">
		</div>

		<!-- 中间的部分-->	
		<transition name="fade">
	     	<router-view></router-view>
	    </transition>
	
		<!-- footer-->
		<div id="indexfooter" class="index-footer"> 
			胡红翔
		</div>
	</div>
</template>

<script>
	// 这个结构必须存在
	Register.register = function() {
		return {
			// data: function() {
			// 	return {
			// 		email: "",
			// 		password: "",
			// 	}
			// },
			// beforeRouteEnter: function(to, from, next) {
			// 	console.log("login beforeRouteEnter. to: " + to);
			// 	next(function(vm) {
			// 		console.log(vm.$route);
			// 	})
			// },
			// created: function() {
			// 	console.log("login created.");
			// },
			// methods: {
			// 	setEmail: function() {
			// 		// 校验email数据
			// 		checkPattern.checkEmail(this.email, "输入的邮箱格式不对！");
			// 		store.commit("updateEmail", this.email);
			// 	},
			// 	setPassword: function() {
			// 		// 校验passwrod数据
			// 		checkLength.minLength(this.password, 6, "输入的密码长度小于6位！");
			// 		store.commit("updatePassword", this.password);
			// 	},
			// 	registerPre: function() {
			// 		console.log("email: " + this.email + ", password: " +this.password);
			// 		router.push("register/registerPre");
			// 	}
			// }
		}
	}
</script>

<style>
	.login-btn {
		background-color: #FF0000;
	}
</style>